*{
		margin: 0;
		padding:0;
		font-family: "Microsoft YaHei"!important;
	}
	a{
		text-decoration: none;
	}
	li{
		list-style: none;
	}
	
	.header{
		width: 100%;
		-webkit-box-shadow: 0 0 10px rgb(178 178 178 / 30%);
		box-shadow: 0 0 10px rgb(178 178 178 / 30%);
		/* z-index: 9; */
	
	}
	#header{
		width: 100%;
		height: 30px;
		background-color: black;
	}
	#header-con{
		width: 1090px;
		margin: auto;
		color: #ccc;
		line-height: 30px;
		font-size: 12px;
		font-family: Microsoft YaHei;
		display: flex;
		position: relative;
	}
	.topRight{
		display: flex;
		position: absolute;
		right: 0;
	}
	.topLogin{
		padding: 0 14px;
	}
	.topRight a{
		color: #ccc;
	}
	.topRight a:hover{
		color: white;
		font-weight: 400;
	}
	.topRight>ul{
		display: flex;
	}
	.topRight>ul>li{
		/* width:100px ; */
		text-align: center;
		display: flex;
	}
	.topRight>ul>li>a{
		cursor: pointer;
		padding: 0 14px;
	}
	#first{
		width: 1090px;
		margin: auto;
		position: relative;
	}
	#logo{
		width: 1090px;	
		text-align: center;
		margin:22px 0 1px;
	}
	#logo>a{
		text-decoration: none;
	}
	#logo>a>img{
		width: 100px;
	}
	#search{
		width: 310px;
		position: absolute;
		top: 11px;
		right: 61px;
		display: flex;
		flex-direction: column;
		/* color: #999!important; */
	}
	#search-main{
		width: 312px;
		height: 34px;
		border: 1px solid #ddd;
		display: inline-block;
		border-radius: 30px;
		display: flex;
		line-height: 34px;
		color:#999!important;
	}
	#search-main>button{
		border-radius: 3px;
		color: #fff;
		cursor: pointer;
		position: absolute;
		outline: none;
		border: none;
		width: 18px;
		height: 18px;
		top: 8px;
		left: 8px;
		background: url(../img/search.png) center center no-repeat #fff;
		background-size: 18px 18px;
	}
	#search-main>input{
		height: 34px;
		width: 260px;
		line-height: 34px;
		border:none;
		outline: none;
		margin-left: 37px;
		color: #999!important;
		font-size: 12px;
	}
	input::-webkit-input-placeholder{
		color: #999!important;
		font-size: 12px;
		font-weight: 350;
		}
			
	#search-hide{
		width: 278px;
		padding: 7px 17px;
		border-radius: 3px;
		background-color: #fff;
		box-shadow: 0 0 10px rgb(178 178 178 / 30%);
		position: absolute;
		top: 45px;
		left: 0;
		/* z-index: 50; */
		text-align: left;	
		padding-top: 14px;
		display: none;
	}
	#search-hide>h1{
		font-weight: 100;
		font-size: 12px;
		color: #999!important;
	}
	#search-hide>li{
		padding-top: 8px;
		width: 278px;
	}
	#search-hide>li>a{
		font-size: 12px;
		line-height: 18px;
		color: #333;
		cursor: pointer;
	}
	
	#cart{
		width: 35px;
		height: 35px;
		position: absolute;
		top: 18px;
		right: 12px;
		cursor: pointer;
		background: url(../img/cart.png) 10px 0 no-repeat;
	}
	#total{
		min-width: 18px;
		height: 18px;
		box-sizing: border-box;
		padding: 0 2px;
		color: #fff;
		text-align: center;
		border-radius: 20px;
		background-color: #d9232e;
		font-size: 12px;
		position: absolute;
		top: -10px;
		right: -10px;
	}
	
	
	#nav{
		width: 1090px;
		padding: 30px 0;
		margin: auto;
		display: flex;
		justify-content: center;
		
	}
	#nav>#navLeft{
		width: 808px;
		display: flex;
		
		text-align: center;
		vertical-align: top;
	}
	#nav>#navRight{
		width: 185px;
		display: flex;
		text-align: center;
		vertical-align: top;
		border-left: 1px solid #ccc;
	}
	#nav>#navLeft>li{
		width: 10%;	
	}
	#nav>#navRight>li{
		width: 50%;
	}
	#nav li>a {
		font-size: 14px;
		padding-bottom: 9px;
		line-height: 20px;
		color: #333;
		border-bottom: 3px solid #fff;
		font-weight: 700;
	}
	#nav li>a:hover{
	    color: #d9232e;
	    border-bottom: 3px solid #d9232e;
	}
	#big-picture{
		width:100%;
		height: 420px;
		background: url(../img/bigPicture.jpg) no-repeat;
		background-size:100% 420px;
	}
	
	/* 二级菜单 */
	.secMenu {
	   margin-top: 40px;
	    width: 100%;
		height: 100px;
	    position: absolute;
	    background-color: #fff;
	    top: 147px;
	    left: 0;
	    z-index: 99;
	    -webkit-box-shadow: 0 3px 3px rgb(178 178 178 / 30%);
	    box-shadow: 0 3px 3px rgb(178 178 178 / 30%);
	    overflow: hidden;
		display: none;
	}
	
	.secMenu .x-main {
	    clear: both;
	    padding-left: 133px;
		width: 1090px;
		margin: 0 auto;
		position: relative;
		
	}
	
	.secMenu .menuBox {
	    width: 108px;
	    padding: 0 18px 30px;
	    float: left;
		text-align: center;
		cursor: pointer;
		margin: auto;
	}
	
	.secMenu .menuBox .imgbox {
	    display: inline-block;
	    width: 40px;
	    height: 40px;
	    background-color: #fff;
		overflow: hidden;
		align-items: center;
		position: relative;
		top:10px
	}
	
	.secMenu .menuBox .imgbox img{
		width: 40px;
		height: 40px;
	}
	
	.secMenu .menuBox p{
		font-size: 12px;
		line-height: 18px;
		color: #333;
		position: relative;
		top: 10px;
	}
	
	/* 导航栏划过显示二级菜单 */
	 #nav li:nth-child(2):hover #summer{
		display: block;
		z-index: 99;
	}
	
	#nav li:nth-child(3):hover #series{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(4):hover #family{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(5):hover #groceries{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(6):hover #beautiful{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(7):hover #trip{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(8):hover #electrical{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(9):hover #meal{
		display: block;
		z-index: 50;
	}
	
	#nav li:nth-child(10):hover #clothing{
		display: block;
		z-index: 50;
	}
	/* 固定导航 */
	.x-floatHeader {
		width: 100%;
		height: 60px;
		background-color: #fff;
		box-shadow: 0 3px 7px rgb(178 178 178 / 30%);
		position: fixed;
		top: 0;
	}
	
	.x-floor .x-main {
		width: 1090px;
		height: 60px;
		display: flex;
		margin:0 auto;
		background-color: #FFF;
		z-index: 999;
	}
	
	.x-floor .pix {
		display: inline-block;
		overflow: hidden;
		width: 80px;
		height: 50px;
	}
	
	.x-floatHeader .pic {
		display: flex;
		padding-top: 6px;
		width: 80px;
		height: 44px;
	}
	
	.x-floatHeader .pic img {
		width: 100%;
	}
	
	#topCatMenuHide {
		display: flex;
		width: 680px;
		font-size: 14px;
		position: relative;
		/* padding: 0 0 0 20px; */
	}
	
	#topCatMenuHide>li{
		text-align: center;
		width: 10%;
	}
	
	#topCatMenuHide>li>a{
		font-size: 14px;
		font-weight: 700;
	    padding-bottom: 9px;
	    line-height: 20px;
	    color: #333;
	    border-bottom: 3px solid #fff;
		position: absolute;
		bottom: 12px;
		text-align:center;
	}
	#topCatMenuHide>li>a:hover{
		color: #d9232e;
		border-bottom: 3px solid #d9232e;
	}
	
	.newrightnav {
	    position: relative;
	    float: right;
	    display: inline-block;
	    width: 180px;
	    height: 50px;
	    margin-top: 10px;
		right: -140px;
		bottom: 6px;
	}
	
	
	/* 登陆注册 */
	.x-floatHeader .login {
		height: 60px;
	    position: absolute;
		right:45px;
		top: 17px;
		width: 80px;
		font-size: 12px;
	}
	
	.x-floatHeader .login span>a{
		color: #333;
	}
	
	.x-floatHeader .login span:first-child {
	    padding-right: 21px;
	}
	
	.cart {
	    position: absolute;
	    right: 0;
	    /* display: inline-block; */
	    width: 35px;
	    height: 35px;
	    top: 18px;
	    right: 12px;
	    cursor: pointer;
	    background: url(../img/cart.png) 10px 0 no-repeat;
	}
	
	.cart .news {
	    position: absolute;
	    min-width: 18px;
	    height: 18px;
	    box-sizing: border-box;
	    padding: 0 2px;
	    color: #fff;
	    text-align: center;
	    border-radius: 20px;
	    background-color: #d9232e;
	    top: -10px;
	    right: -10px;
	    font-size: 12px;
	}
	/* 滚动条事件 */
	.hide {
		transition: all 2s;
		z-index: 99;
		display: none;
	}
	
	/* 轮播图 */
	.x-space60 {
		padding: 60px 0;
	}
	
	.x-fl>.x-whiteBoard {
		width: 1090px;
		height: 390px;
		margin: 0 auto;
		background-color: #fff;
		/* border: 1px solid black; */
	}
	
	.x-main {
		/* height: 50px;
		background-color: #fff; */
		width: 1090px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.x-channelTitle {
		width: 1090px;
		height: 50px;
	}
	
	.x-channelTitle h1 {
		font-size: 28px;
		line-height: 28px;
		padding-right: 18px;
		font-weight: 100;
		display: inline-block;
	}
	
	.x-channelTitle span {
		width: 126px;
		height: 18px;
		font-size: 14px;
		display: inline-block;
	}
	
	.x-channelTitle a {
		font-size: 14px;
		float: right;
	}
	.x-channelTitle a:hover{
		color: #d9232e;
	}
	.x-pt15 {
		padding-top: 13px;
	}
	
	/* 轮播图图 */
	.swiper-container {
		width: 1090px;
		height: 353px;
		margin: 0 auto;
		position: relative;
	}
	
	.dis {
		display: none;
	}
	
	.swiper-wrapper {
		overflow: hidden;
		width: 1090px;
		height: 353px;
	}
	
	.swiper-slide {
		width: 3582px;
		overflow: hidden;
	}
	
	/* 一个ull里四个li */
	.ull {
		width: 1090px;
		height: 390px;
		float: left;
	}
	
	.ull .item {
		width: 265px;
		height: 350px;
		float: left;
		margin-right: 7px;
		overflow: hidden;
	}
	
	.ull .item .imgbox {
		width: 265px;
		height: 265px;
	}
	
	.ull .item .imgbox img {
		width: 265px;
		height: 265px;
		transition: all 1s;
		box-sizing: border-box;
		
	}
	
	.ull .item .imgbox img:hover{
		transform: scale(1.1);
	}
	
	.item .tagBox {
		width: 265px;
		height: 20px;
		text-align: center;
	}
	
	
	.item .title {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 5px;
		width: 168px;
		font-size: 14px;
		line-height: 25px;
		color: #3C3C3C;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
		
	.item>a:hover{
		color: #d9232e;
	}
	
	.item span {
		display: block;
		font-size: 14px;
		color: #d9232e;
		height: 18px;
		text-align: center;
	}
	/* 按钮 */
	.swiper-container .btnBar {
		width: 30px;
		height: 50px;
		cursor: pointer;
		position: absolute;
	}
	
	.button-prev {
		left: -44px;
		top: 30%;
		background: url(../img/prev1.png)no-repeat;
	}
	
	.button-next {
		right: -44px;
		top: 30%;
		background: url(../img/next1.png)no-repeat;
	}
	
	/* 人气推荐 */
	.x-space60 {
		padding: 60px 0;
	}
	
	.x-row {
		background-color: #f4f4f4;
	}
	
	.h649 {
		height: 630px;
		background-color: #f4f4f4;
	}
	
	.popularity {
		height: 594px;
		/* background-color: red; */
	}
	
	.itemList {
		width: 1092px;
	}
	
	.popularity .firstItem {
		float: left;
		width: 394px;
		height: 593px !important;
		padding: 0;
		margin-right: 10px;
		background-color: #fff;
	}
	
	.popularity .firstItem .imgbox {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 400px;
		margin-bottom: 20px;
		overflow: hidden;
		border-bottom: 1px solid #F4EDE6;
		 
	}
	
	.imgbox img{
		background: #FFF;
		width:100% ;
		height: 400px;
		transition: all 1s;
	}
	
	.imgbox .x-Ptag {
		width: 20px;
		height: 82px;
		font-size: 12px;
		text-align: center;
		position: absolute;
		border-radius: 3px;
		box-sizing: border-box;
		word-wrap: break-word;
		top: 10px;
		left: 16px;
		border: 1px solid #C7A582;
		color: #C7A582;
		padding: 4px 1px 4px 2px;
	}
	
	.popularity .twoItem {
		float: left;
		width: 684px;
		height: 580px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.popularity .items {
		width: 220px;
		height: 290px !important;
		background-color: #fff;
	}
	.items>.title:hover{
		color: #d9232e;
	}
	
	.top13 {
		margin-top: 13px;
	}
	
	.itemList .twoItem .imgbox1 {
		position: relative;
		display: block;
		width: 220px;
		height: 180px;
		/* background-color: skyblue; */
		border-bottom: 1px solid #F4EDE6;
		text-align: center;
		overflow: hidden;
	}
	
	.itemList .twoItem .imgbox1 .x-Ptag {
		width: 20px;
		height: 82px;
		font-size: 12px;
		position: absolute;
		border-radius: 3px;
		box-sizing: border-box;
		word-wrap: break-word;
		top: 10px;
		left: 16px;
		border: 1px solid #C7A582;
		color: #C7A582;
		padding: 4px 1px 4px 2px;
	}
	
	.itemList .imgbox1 img {
		width: 179px;
		height: 179px;
		transition: all 1s;
	}
	
	.x-row a img:hover {
	    transform: scale(1.05);
	}
	
	.itemList .twoItem .tagBox {
		width: 220px;
	}
	
	/* 限时优惠 */
	
	.x-whiteBoard .x-space60 {
		width: 1090px;
		height: 470px;
		/* background-color: red; */
	}
	
	.limitLeft {
		float: left;
		padding-top: 96px;
		width: 222px;
		height: 278px;
		/* background-color: yellow; */
		background: url(../img/限时优惠/1.png)no-repeat;
		background-size: 100% 100%;
		text-align: center;
	}
	
	.limitLeft h1 {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 20px;
		color: #615548;
		display: block;
		font-weight: 100;
	}
	
	.limitLeft input {
		width: 40px;
		height: 40px;
		color: #fff;
		font-size: 18px;
		line-height: 40px;
		background-color: #615548;
		border-radius: 3px;
		border: none;
		outline: none;
		text-align: center;
	}
	
	.limitLeft p {
		font-size: 16px;
		color: #999;
		padding: 18px 0 20px;
	}
	
	.limitLeft .x-redBtn {
		width: 95px;
		height: 28px;
		font-size: 14px;
		padding-left: 4px;
		background-color: #d9232e !important;
		color: #fff;
		font-weight: 400;
		border: none;
		border-radius: 3px;
		cursor: pointer;
	}
	
	.x-redBtn:hover {
		background-color: #b23231 !important;
	}
	
	.limitRight {
		float: right;
		width: 868px;
		height: 374px;
		/* background-color: bisque; */
		border: 1px solid #e8e8e8;
		border-left: none;
		box-sizing: border-box;
	}
	
	.limitRight .item {
		float: left;
		box-sizing: border-box;
		width: 433px;
		height: 187px;
		/* background-color: yellow; */
	}
	
	.limitRight .item .imgbox {
		float: left;
		width: 187px;
		height: 187px;
		display: inline-block;
		overflow: hidden;
	}
	
	.limitRight .item img {
		width: 100%;
		height: 100%;
		transition: all 1s;
	}
	
	.limitRight .item .imgbox img:hover {
	    transform: scale(1.1);
	}
	
	.limitRight .text {
		float: right;
		width: 225px;
		padding-top: 20px;
		color: #999;
	}
	
	.limitRight .text .name {
		display: block;
		font-size: 16px;
		color: #333;
		width: 206px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.limitRight .text a:hover{
		color: #d9232e;;
	}
	
	.limitRight .text .desc {
		color: #999;
		font-size: 14px;
		padding: 5px 0 8px;
	}
	
	.outerBar {
		width: 161px;
		height: 8px;
		border: 1px solid #fb7f87;
		border-radius: 30px;
		margin-right: 9px;
		overflow: hidden;
		display: inline-block;
	}
	
	.outerBar .inner {
		background-color: #fdbfc3;
		width: 76%;
		height: 110px;
		margin: -1px;
	}
	
	.limitRight .text .sale {
		font-size: 12px;
		height: 18px;
		display: inline-block;
	}
	
	.limitRight .item span {
		display: inline-block;
		font-size: 12px;
		color: #999;
		width: 24px;
		height: 18px;
		text-align: center;
	}
	
	.limitRight .text .x-red {
		width: 76px;
		height: 24px;
		display: inline-block;
		font-size: 24px;
		padding: 10px 13px 15px 0;
		line-height: 24px;
		color: #d9232e !important;
	}
	
	.limitRight .text .x-del {
		display: inline-block;
		height: 19px;
		font-size: 14px;
		color: #999;
		text-decoration: line-through;
	}
	
	.x-del span {
		width: 21px;
		height: 18px;
		display: inline-block;
		text-decoration: line-through;
	}
	
	.limitRight .text .x-redBtn {
		font-size: 16px;
		width: 118px;
		height: 30px;
		color: #fff;
		background-color: #d9232e !important;
		border: none;
		border-radius: 3px;
		cursor: pointer;
	}
	
	.limitRight .text .x-redBtn:hover {
		background-color: #b23231 !important;
	}
	
	/* 夏日好物 */
	.x-pb60 {
		width: 1090px;
		height: 760px;
		padding-bottom: 60px;
		/* background-color: paleturquoise; */
	}
	
	.x-pb60 ul {
		display: inline-block;
		position: relative;
		top: 5px;
		left: -10px;
		/* background-color: yellow; */
	}
	
	
	.x-channelTitle {
		width: 100%;
		line-height: 50px;
		/* background-color: palevioletred; */
	}
	
	.x-channelTitle li {
		font-size: 12px;
		height: 18px;
		float: left;
	}
	
	.x-channelTitle a {
		font-size: 14px;
		float: right;
		height: 18px;
		line-height: 18px;
		display: inline-block;
		color: #000000;
		vertical-align: bottom;
	}
	
	.banner2 {
		width: 1090px;
		height: 310px;
		overflow: hidden;
		margin-bottom: 35px;
		/* background-color: greenyellow; */
	}
	
	.itemList {
		width: 1092px;
		/* background-color: papayawhip; */
		display: flex;
		justify-content: space-between;
	}
	
	.x-pb60 .itemList .item {
		width: 265px;
		height: 390px;
		/* background-color: orange; */
		margin-right: 10px;
	}
	
	.x-pb60 .itemList .item .imgbox {
		width: 265px;
		height: 265px;
		display: inline-block;
		position: relative;
		overflow: hidden;
	}
	
	.x-pb60 .itemList .imgbox img {
		height: 100%;
		width: 100%;
		transition: all 1s;
	}
	
	.itemList .item .imgbox img:hover {
		transform: scale(1.1);
	}
	
	.tagBox .tag {
		display: inline-block;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		color: #fff;
		padding: 0 6px;
		background-color: #f63131;
		margin: 0 auto;
	}
	
	/* 系列 */
	.uLL li:after {
		content: "|";
		float: left;
		height: 18px;
		line-height: 17px;
		margin: 0 15px;
		color: #ccc;
		font-size: 14px;
		font-weight: 100;
	}
	
	.uLL li:first-child::after {
		content: "";
	}
	
	.g188 {
		background-color: #f2f2f2;
		text-align: center;
	}
	
	.g188 img {
		width: 188px !important;
		height: 265px;
	}
	
	/* 尾部 */
	.x-footer {
		width: 100%;
		border-top: 1px solid #e4e4e4;
	}
	
	.footerTop {
		/* background-color: palegoldenrod; */
		padding: 40px 0;
	}
	
	
	.x-footer{
		width: 100%;
	}
	.x-footer .x-main1 {
		width: 1090px;
		height: 197px;
		margin: 0 auto;
		/* background-color: oldlace; */
	}
	
	.footerTop .x-main1 ul {
		display: flex;
		justify-content: space-between;
	}
	
	.footerTop .x-main1 li {
		width: 316px;
		height: 197px;
		/* background-color: orchid; */
		text-align: center;
	}
	
	.footerTop h1 {
		font-size: 16px;
		font-weight: 100;
	}
	
	.footerTop h2 {
		font-size: 24px;
		line-height: 24px;
		margin: 31px 0 22px;
		font-weight: 100;
	}
	
	.footerTop span {
		font-size: 14px;
		color: #333;
	}
	
	.footerTop p {
		margin: 30px;
		text-align: left;
		line-height: 25px;
		font-size: 14px;
	}
	
	.footerTop img {
		margin-top: 30px;
	}
	
	.footerTop .middle {
		border-left: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
	}
	
	.footerBottom {
		height: 210px;
		width: 100%;
		text-align: center;
		background-color: #414141;
	}
	
	.footerBottom .main1 {
		width: 1090px;
		height: 197px;
		margin: auto;
		background-color: #414141;
	}
	
	
	.footerBottom .borderB{
		display: flex;
		justify-content: space-between;
	}
	.footerBottom .borderB li {
		height: 54px;
		font-size: 18px;
		/* display: flex; */
		width: 33.3%;
		line-height: 54px;
		position: relative;
	}
	
	.footerBottom .borderB li #tail{
		position: relative;
		left: -20%;
	}
	.footerBottom .borderB li span {
		position: absolute;
		display: inline-block;
		line-height: 54px;
		color: #fff;
		font-size: 18px;
		
	}
	
	.footerBottom .borderB li img {
		width: 50px;
		height: 50px;
		margin-right: 20px;
		display: inline-block;
		
	}
	
	.footerBottom .borderB {
		width: 100%;
		height: 80px;
		border-bottom: 1px solid #5c5c5c;
		padding-top: 40px;
	}
	
	.footerBottom .link {
		padding-top: 12px;
		margin: auto;
		width: 738px;
		display: flex;
	}
	
	.footerBottom .link li {
		padding-right: 12px;
	}
	
	.footerBottom .link li a {
		color: #ccc;
		font-size: 12px;
	}
	
	.footerBottom .link li a:hover {
		color: #fff !important;
	}
	
	.footerBottom p {
		font-size: 12px;
		color: #ccc;
		text-align: center;
		margin-top: 4px;
	}
	